<!DOCTYPE html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8" />
    <title>Dexon - Data Science & Analytics HTML5 Template</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta property="og:title" content="" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />

    <link rel="manifest" href="site.webmanifest" />
    <link rel="apple-touch-icon" href="icon.png" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Bootstrap css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!-- Vendors Plugins -->
    <link rel="stylesheet" href="assets/vendor/fontawesome/css/all.css" />
    <link rel="stylesheet" href="assets/vendor/slick/slick-theme.css" />
    <link rel="stylesheet" href="assets/vendor/slick/slick.css" />
    <link rel="stylesheet" href="assets/vendor/animation/animate.css" />
    <link rel="stylesheet" href="assets/vendor/venobox/venobox.css" />
    <link rel="stylesheet" href="assets/vendor/flaticon/flaticon.css" />
    <link rel="stylesheet" href="assets/vendor/arrow-font/flaticon.css" />
    <!-- style css -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <!-- responsive css -->
    <link rel="stylesheet" href="assets/css/responsive.css" />

    <meta name="theme-color" content="#fafafa" />
  </head>

  <body id="home">
      
    <!-- preloader start -->
    <div id="loading">
      <img src="assets/images/preloader.gif" alt="">
    </div>
    <header>
      <!-- Main Menu Start -->
      <div class="site-navigation menu-transparent" id="mainmenu-area">
        <nav class="navbar navbar-expand-lg navbar-light  navbar-floating">
          <div class="container">
            <a class="navbar-brand" href="index.html">
              <img src="assets/images/logo-light.png" alt="Dexon" class="img-fluid" />
            </a>

            <!-- Toggler -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
    
            <!-- Collapse -->
            <div class="collapse navbar-collapse  mainmenu" id="navbarMenu">
              <ul class="navbar-nav mx-auto">
                <li class="nav-item dropdown ">
                  <a class="nav-link dropdown-toggle" href="#" id="navbar1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Home
                  </a>
                  <div class="dropdown-menu" aria-labelledby="navbar1">
                      <a class="dropdown-item " href="index.html">
                         Home 1
                     </a>
                     <a class="dropdown-item " href="index-2.html">
                         Home 2
                     </a> 
                  </div>
                </li>

                <li class="nav-item ">
                  <a href="about.html" class="nav-link"> About </a>
                </li>

                <li class="nav-item">
                  <a href="service.html" class="nav-link"> Services </a>
                </li>
                <li class="nav-item">
                  <a href="portfolio.html" class="nav-link "> Portfolio</a>
                </li>

                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbar3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Blog
                  </a>
                  <div class="dropdown-menu" aria-labelledby="navbar3">
                      <a class="dropdown-item " href="blog.html">
                         Blog
                     </a>
                     <a class="dropdown-item " href="blog-right.html">
                        Blog Right Sidebar
                    </a>
                     <a class="dropdown-item " href="blog-single.html">
                         Blog Single
                     </a> 
                     <a class="dropdown-item " href="blog-single-right.html">
                        Blog Single with sidebar
                      </a> 
                  </div>
                </li>

                <li class="nav-item">
                  <a href="contact.html" class="nav-link"> Contact </a>
                </li>
              </ul>

              <div class="header-btn d-none d-lg-block">
                <a href="contact.html" class="btn btn-radius btn-solid-border text-uppercase">Get In touch</a>
              </div>
            </div>
            <!-- / .navbar-collapse -->
          </div>
          <!-- / .container -->
        </nav>
      </div>
    </header>
    <!-- Header ENd -->
      
  <!-- Banner Section Start -->
 <section class="page-banner pt-60 pb-60">
   <div class="container">
     <div class="row justify-content-center">
        <div class="col-xl-6">
            <div class="page-banner-content text-center">
              <h2>Our Blog</h2>
                <ul class="list-inline">
                  <li class="list-inline-item"> <a href="index.html">Home</a></li>
                  <li class="list-inline-item"> <i class="fa fa-angle-right"></i></li>
                  <li class="list-inline-item">blog</li>
                </ul>
            </div>
        </div>
     </div>
   </div>
 </section>
  <!-- Banner Section End -->

<!-- BLog Section Start -->
<section  class="blog pt-110 pb-110 section">
  <div class="container">
    <div class="row">
      <div class="col-xl-8">
          <div class="blog-item bg-shadow post-list">
            <div class="img-box">
              <img src="assets/images/blog/blog-1.svg" alt="" class="img-fluid">
            </div>
            <div class="blog-content">
              <div class="post-meta">
                <span><i class="flaticon flaticon-calendar mr-2"></i>Dec 15, 2020</span>
                <span><i class="flaticon flaticon-chat mr-2"></i>3 Comments</span>
              </div>
              <h4><a href="blog-single.html">Only Data Can Produce Over Internet Properly</a></h4>
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos fuga impedit et quam. Officiis odit <br>rem  doloribus ratione aliquid error sequi consequatur pariatur</p>
              <a href="blog-single.html" class="btn btn-solid-border btn-radius">Read More</a>
            </div>
          </div>

          <div class="bg-shadow blog-item post-list">
            <div class="img-box">
              <img src="assets/images/blog/blog-2.svg" alt="" class="img-fluid">
            </div>
            <div class="blog-content">
              <div class="post-meta">
                <span><i class="flaticon flaticon-calendar mr-2"></i>Dec 15, 2020</span>
                <span><i class="flaticon flaticon-chat mr-2"></i>10 Comments</span>
              </div>
              <h4><a href="blog-single.html">Data Can Produce the things of Over Internet Only</a></h4>
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos fuga impedit et quam. Officiis rem odit doloribus ratione aliquid error sequi consequatur pariatur</p>
              <a href="blog-single.html" class="btn btn-solid-border btn-radius">Read More</a>
            </div>
          </div>
    
          <div class="bg-shadow blog-item post-list">
            <div class="img-box">
              <img src="assets/images/blog/blog-3.svg" alt="" class="img-fluid">
            </div>
            <div class="blog-content">
              <div class="post-meta">
                <span><i class="flaticon flaticon-calendar mr-2"></i>Dec 19, 2020</span>
                <span><i class="flaticon flaticon-chat mr-2"></i>20 Comments</span>
              </div>
              <h4><a href="blog-single.html">Produce Only Data Can the things of Internet</a></h4>
              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos fuga impedit et quam. Officiis rem odit doloribus ratione aliquid error sequi consequatur pariatur</p>
              <a href="blog-single.html" class="btn btn-solid-border btn-radius">Read More</a>
            </div>
        </div>
      </div>

      <!-- Blog Sidebar Strat -->

      <div class="col-xl-4">
        <div class="blog-sidebar mt-5 mt-lg-0">
          <div class="widget widget-search">
            <h3 class="widget-title">Search</h3>
              <form role="search" class="search-form">
                  <input type="text" class="form-control" placeholder="Search">
                  <button type="submit" class="search-submit"><i class="fa fa-search"></i></button>
              </form>
          </div>
      
          <div class="widget widget_latest_post">
              <h3 class="widget-title">Latest Posts</h3>
              <ul class="recent-posts">
                  <li>
                      <div class="widget-post-thumb">
                          <a href="blog-single.html"><img src="assets/images/blog/post-thumb1.jpg" alt="" class="img-fluid"></a>
                      </div>
                      <div class="widget-post-body">
                          <h5> <a href="blog-single.html">Only Data Can Produce the things of Internet</a></h5>
                          <span>10 april 2020</span>
                      </div>
                  </li>
                  <li>
                      <div class="widget-post-thumb">
                          <a href="blog-single.html"><img src="assets/images/blog/post-thumb2.jpg" alt="" class="img-fluid"></a>
                      </div>
                      <div class="widget-post-body">
                          <h5> <a href="blog-single.html">Different project require technologies</a></h5>
                          <span>13 May 2020</span>
                      </div>
                  </li>

                  <li>
                      <div class="widget-post-thumb">
                          <a href="blog-single.html"><img src="assets/images/blog/post-thumb3.jpg" alt="" class="img-fluid"></a>
                      </div>
                      <div class="widget-post-body">
                          <h5> <a href="blog-single.html">Data Maintenance require technologies</a></h5>
                          <span>15 June 2020</span>
                      </div>
                  </li>
              </ul>
          </div>
      
          <div class="widget widget_categories">
              <h3 class="widget-title">Categories</h3>
              <ul>
                <li class="cat-item"><a href="#"><i class="fa fa-angle-right"></i>Web Design</a><span>(4)</span></li>
                <li class="cat-item"><a href="#"><i class="fa fa-angle-right"></i>Wordpress</a><span>(14)</span></li>
                <li class="cat-item"><a href="#"><i class="fa fa-angle-right"></i>Marketing</a><span>(24)</span></li>
                <li class="cat-item"><a href="#"><i class="fa fa-angle-right"></i>Design & dev</a><span>(6)</span></li>
              </ul>
          </div>
      
          <div class="widget widget_tag_cloud">
              <h3 class="widget-title">Tags</h3>
              <a href="#">Design</a>
              <a href="#">Development</a>
              <a href="#">UX</a>
              <a href="#">Marketing</a>
              <a href="#">Tips</a>
              <a href="#">Tricks</a>
              <a href="#">Ui</a>
              <a href="#">Free</a>
              <a href="#">Wordpress</a>
              <a href="#">bootstrap</a>
              <a href="#">Tutorial</a>
              <a href="#">Html</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- BLog Section End -->

<div class="blog-pagination mb-80">
  <div class="container">
    <div class="row">
      <div class="col-xl-12">
        <ul class="list-inline">
          <li><a href="#"><i class="fas fa-angle-double-left"></i></a></li>
          <li class="active"><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#"><i class="fas fa-angle-double-right"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- Subscribe Section Start -->
<section class="cta ">
  <div class="container">
    <div class="cta-inner section">
      <div class="cta-shape1"></div>
      <div class="cta-shape2"></div>
      <div class="cta-shape3"></div>

      <div class="row align-items-center ">
          <div class="col-xl-8 col-lg-8">
            <div class="section-heading text-center text-lg-left mb-4 mb-lg-0">
              <span class="text-white text-capitalize mb-10 d-inline-block">Ready to work ?</span>
              <h2 class="text-white">Lets Get Started</h2>
            </div>
          </div>

          <div class="col-xl-4 col-lg-4">
              <div class="text-center text-lg-right ">
                <a href="#" class="btn btn-main btn-radius text-uppercase">Get started</a>
              </div>
          </div>
        </div>
      </div>
  </div>
</section>
<!-- Subscribe Section End -->


<!-- Footer Start -->
<footer class="footer footer-2 pt-130">
  <div class="footer-top">
    <div class="container">
      <div class="row">
          <div class="col-xl-3 col-md-6 col-sm-6">
            <div class="footer-widget mb-5 mb-xl-0">
              <div class="footer-logo">
                <img src="assets/images/logo-light.png" alt="" class="img-fluid">
              </div>
              <p>Duis porta, ligula rhoncus euismod pretium, nisi tellus eleifend odio.</p>
                <div class="subscribe-form">
                  <form action="#" class="sub-form">
                      <input type="text" class="form-control" placeholder="Enter your email">
                      <a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
                  </form>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 col-sm-6">
            <div class="footer-widget mb-5 mb-xl-0 pl-xl-3">
              <h3>Quick Links</h3>

              <ul class="list-unstyled">
                <li><a href="#">About Company</a></li>
                <li><a href="#">Company History</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Terms & Conditions</a></li>
              </ul>
            </div>
          </div>

          <div class="col-xl-2 col-md-6 col-sm-6">
            <div class="footer-widget mb-5 mb-xl-0">
              <h3>Support</h3>

              <ul class="list-unstyled">
                <li><a href="#">Contact Info</a></li>
                <li><a href="#">Forum</a></li>
                <li><a href="#">Legal</a></li>
                <li><a href="#">Chat</a></li>
              </ul>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5">
            <div class="footer-widget mb-5 mb-xl-0">
              <h3>Contact</h3>

              <ul class="list-unstyled">
                <li><strong>Address:</strong> 147/28, New jursey area
                  NY-5604</li>
                <li><a href="malito:example@gmail.com"><strong>Email:</strong> example@gmail.com</a></li>
                <li><a href="#"><strong>Phone:</strong> +1 336 998 1443</a></li>
              </ul>
            </div>
          </div>
      </div>
    </div>
  </div>

  <div class="footer-copyright">
    <div class="container">
      <div class="row">
        <div class="col-xl-6 col-sm-6">
          <p class="copyright text-center text-sm-left text-lg-left">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
        </div>

        <div class="col-xl-6 col-sm-6">
          <div class="footer-socials text-center text-xl-right">
            <a href="#"><i class="flaticon flaticon-facebook"></i></a>
            <a href="#"><i class="flaticon flaticon-instagram"></i></a>
            <a href="#"><i class="flaticon flaticon-twitter"></i></a>
            <a href="#"><i class="flaticon flaticon-linkedin"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- Footer ENd -->
<div class="fixed-btm-top">
	<a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i class="fa fa-angle-up"></i></a>
</div>

    <!-- Main Jquery Files -->
    <script src="assets/js/jquery-3.5.1.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Vendors Plugins js -->
    <script src="assets/vendor/slick/slick.min.js"></script>
    <script src="assets/vendor/venobox/venobox.js"></script>
    <script src="assets/vendor/animation/tilt.js"></script>
    <script src="assets/vendor/animation/wow.min.js"></script>
    <script src="assets/vendor/counterup/jquery.waypoints.min.js"></script>
    <script src="assets/vendor/counterup/jquery.counterup.min.js"></script>
    <script src="https://ditu.google.cn/maps/api/js?sensor=false&amp;libraries=geometry&amp;v=3.22&amp;key=AIzaSyChs2QWiAhnzz0a4OEhzqCXwx_qA9ST_lE"></script>
    <script src="assets/js/map.js"></script>
    
    <!-- Main Script js -->
    <script src="assets/js/scripts.js"></script>
  </body>
</html>
